<template>
	<view class="page pageBg">
		<v-header title="首页" :leftIcon="false"></v-header>
		<view class="layout" :style="{ marginTop: h + 'px' }">
			<view class="indexContainer">
				<view class="topBg">
					<!--公告-->
					<view class="infoCont f fb" @click="toInfo">
						<view class="infoCont_left f fc">提示</view>
						<view class="infoCont_right oneLine f1">欢迎使用北航天汇孵化器汇创云服务平台小程序欢迎使用北航天汇孵化器汇创云服务平台小程序</view>
						<text class="cuIcon-right"></text>
					</view>
					<!--预定排列-->
					<view class="topCont f fb" @click="toConference">
						<view class="left fn f fc ">
							<image src="../../static/img/yh1.png" mode=""></image>
							<view class="iconText">会议室预定</view>
						</view>
						<view class="right fn f fb" @click="toAppoint">
							<view class="rightTop  commonright f fc">
								<image src="../../static/img/danger_tab2.png" mode=""></image>
								<view class="iconText">预约咨询</view>
							</view>
							<view class="rightbot commonright f fc" @click="toMessage">
								<image src="../../static/img/danger_tab3.png" mode=""></image>
								<view class="iconText">消息咨询</view>
							</view>
						</view>
					</view>
				</view>
				<!--企业与预算-->
				<view class="enpreCont borderBot">
					<view class="headerTop f fs"><text class="title">企业/政策</text></view>
					<view class="f fb  marginBot30">
						<view class="itemCont itemCont1 f fa " @click="toCompanyInfo">
							<view class="left ">
								<view class="top">#企业信息</view>
								<view class="bot">更好掌握动态</view>
							</view>

							<image src="../../static/img/governance_tab1.png" mode=""></image>
						</view>
						<view class="itemCont itemCont2 f fa" @click="toPolicyIndex">
							<view class="left">
								<view class="top">#政策预算</view>
								<view class="bot">政策咨询服务</view>
							</view>

							<image src="../../static/img/governance_tab2.png" mode=""></image>
						</view>
					</view>
					<!--任务-->
					<view class="messageIcon f fb  marginBot30">
						<view class="f fs">
							<image src="../../static/img/daiban.png" mode=""></image>
							<text class="title">待办任务</text>
							<text class="badge f fc">3</text>
						</view>
						<view class="moreBut">
							查看更多
							<text class="cuIcon-right"></text>
						</view>
					</view>
					<!--缴款-->
					<view class="messageIcon f fb marginBot30 ">
						<view class="f fs">
							<image src="../../static/img/qian.png" mode=""></image>
							<text class="title">缴款提醒</text>
							<text>2021-1-1~2021-3-31</text>
							<text>待缴金额2000元</text>
						</view>
					</view>
					<!--合同-->
					<view class="messageIcon f fb  ">
						<view class="f fs">
							<image src="../../static/img/hetongdaiqian.png" mode=""></image>
							<text class="title">合同提醒</text>
							<text>ZB-2020-XR-0002</text>
							<text>到期日2021-1-31</text>
						</view>
					</view>
				</view>
				<!--信息资讯-->
				<view class="enpreCont">
					<view class="headerTop f fs"><text class="title">信息资讯</text></view>
					<view class="listInfo f fs" v-for="(item, index) in infolist" :key="index" @click="toInfo">
						<image src="../../static/img/xinxi.png" mode=""></image>
						<text class="title oneLine">{{ item }}</text>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
export default {
	data() {
		return {
			h: this.$h,
			infolist: ['即将进行隐患大排查即将进行隐患大排查即将进行隐患大排查即将进行隐患大排查', '即将进行隐患大排查即将进行隐患大排查', '即将进行隐患大排查即将进行隐患大排查']
		};
	},
	methods: {
		toAppoint() {
			uni.navigateTo({
				url: '../../views/message/appointIndex'
			});
		},
		toMessage() {
			uni.switchTab({
				url: '/pages/message/index'
			});
		},
		toPolicyIndex() {
			uni.navigateTo({
				url: '../../views/policy/policyIndex'
			});
		},
		toCompanyInfo() {
			uni.navigateTo({
				url: '../../views/mine/companyInfo'
			});
		},
		toConference() {
			uni.navigateTo({
				url: '../../views/conference/index'
			});
		},
		toInfo() {
			uni.navigateTo({
				url: '../../views/message/infoDetail'
			});
		}
	}
};
</script>

<style lang="scss" scoped>
@import '@/common/style/home.scss';
</style>
